import { defineStore } from "pinia";
// userInfo 存储对象的名称
export const lowCode: any = defineStore("lowCode", {
  // state是一个函数，返回一个对象
  state: () => {
    return {
      draggableList: [
        {
          name: "轮播图",
          id: "1",
          type: "Banner",
        },
        {
          name: "图片",
          id: "2",
          type: "Image",
        },
        {
          name: "表单",
          id: "3",
          type: "Form",
        },
        {
          name: "卡片",
          id: "4",
          type: "Cart",
        },
        {
          name: "人物卡片",
          id: "5",
          type: "Persona",
        },
      ],
      // 选中的item
      draggableItem: {},
    };
  },
  getters:{
    dragItem(state: any) {
      return state.draggableItem;
    },
  },
  actions: {
    acItem(item: any) { //当前选中的Item
      console.log(item,"触发了几次")
      this.draggableItem = item;
    },
  },
});
// 使用说明 import { storeToRefs } from 'pinia'  import { useUser } from "@/store/modules/userInfo" const userStore = useUser()   const { userName, avatar } = storeToRefs(userStore) userStore.changeUserName("New UserName")
